@charset "UTF-8";
.wbsear{width:250px;height:30px;float:right;background-color:#FFF;overflow: hidden;margin-top:32px;border:1px solid #c9c9c9}
.wbsear input[type="text"]{height:30px;line-height:30px;border:none;width:211px;padding-left:10px;float: left;}
.wbsear input[type="submit"]{background:url(../images/ico1.jpg) center no-repeat;border:none;width:32px;height:30px;}
.wbsear input[type="submit"]:hover{background-color: transparent;}

.checks{height:26px;line-height:26px;width:150px;border-radius:20px;position:relative;cursor:pointer;background:#eeeeee url(../images/cons.png) 124px center no-repeat;float:right;margin-top:9px;text-align:left;margin-right:20px}
.checks:hover{background-image:url(../images/cons_h.png);}
.checks span{padding-left:24px;margin-left:12px;display:block;color:#4f4f4f}
.checkul{list-style-type:none;display:none;background-color:#FFF;width:100%;}
.checkul{margin:0px;padding:0px}
.checkul li{height:30px;line-height:30px;overflow:hidden;margin:8px 0;padding:0 12px}
.checkul li:hover{background-color:#2e74d7;}
.checkul li:hover a{color:#FFF}
.checkul{position:absolute;z-index:999}
.checkul li a{padding-left:24px !important;text-transform:none !important;font-weight:normal !important;color:#333}
.country_1{background:url(../images/country_1.png) left center no-repeat;}
.country_2{background:url(../images/country_2.png) left center no-repeat;}
.country_3{background:url(../images/country_3.png) left center no-repeat;}
.country_4{background:url(../images/country_4.png) left center no-repeat;}
.country_5{background:url(../images/country_5.png) left center no-repeat;}
.country_6{background:url(../images/country_6.png) left center no-repeat;}
.country_7{background:url(../images/country_7.png) left center no-repeat;}
.country_8{background:url(../images/country_8.png) left center no-repeat;}
.checkul{background-color:#f9f9f9;display:none}

.wbvds video{margin-bottom:20px;height:380px;}
.wbvds p{color:#fff;font-size:16px;line-height:32px}

@media only screen and (max-width: 680px){
	.wbvds video{height:240px;margin-bottom:10px;}
	.wbvds p{font-size:12px;line-height:24px}
}
.wbcate .portfolio-item{position:relative}
.wbcate .portfolio-title a{background:url(../images/bgs.png) repeat;height:42px;line-height:42px;display:block;color:#FFF;position:absolute;bottom:0px;width: 100%;}
.wbcate .portfolio-bottom{padding:0px}

.contacts{padding-bottom:0px;text-align:center;color:#333}
.contacts .titles{margin-top: 45px;}
.contacts .inputs{border:1px solid #e5e3e4;background-color:#f5f5f5;text-align:left;margin:0 auto 18px;border-radius:5px;height:45px;}
.contacts label{width:45px;height:43px;border-right:1px solid #e5e3e4;float:left}
.imgs .names label{background:url(../images/names.png) center center no-repeat}
.imgs .emails label{background:url(../images/phones.png) center center no-repeat}
.imgs  input[type="text"]{height: 100%;padding: 5px 8px;border: none;background: transparent;}
.imgs  .mess textarea{border:1px solid #e5e3e4;background-color:#f5f5f5;margin:0 auto 18px;border-radius:5px;padding:10px;height:100px;}
.imgs .btns input{height:44px;line-height:44px;border:none;color:#ffffff;font-size:14px;border-radius:5px;font-weight:bold;letter-spacing:1px}
.imgs .btns input[type="submit"]{background-color:#2e74d7;border:1px solid #2e74d7;margin-right: 10px;}
.imgs .btns input[type="reset"]{background-color:#989898;border:1px solid #8e8e8e}

.footer{background-color:#2f2f2f;font-family:Helvetica}
.footer .titles{color: #FFF;font-size: 28px;text-align: center;letter-spacing: 2px;}
.fwidth{margin: 30px auto 0px;display:table}
.fwidth .flogo,.fwidth .ftext{display:table-cell;vertical-align:middle;}
.flogo{border-right:1px solid #6e6e6e;}
.flogo img{padding-right:60px;}
.ftext{color:#FFF;font-size:14px;letter-spacing:1px;padding-left: 60px;}
.ftext font{color:#84b7ff}

.wbBottom{color:#D5D4D4;padding:0 10px;margin-top:20px}
.wbBottom a{color:#D5D4D4;}

.wbBottom .fa-envelope{margin-right:5px}
.wbBottom .fa-oa::before{content: "OA";margin-right: 5px;color: #000;background-color: #D5D4D4;padding: 1px 5px;border-radius: 20px;font-size: 12px;}

.ftext p{padding-left:40px;line-height:34px}
.ftext .tels{background:url(../images/tels.png) left top no-repeat;}
.ftext .faxs{background:url(../images/faxs.png) left top no-repeat;}
.ftext .codes{background:url(../images/codes.png) left top no-repeat;}
.ftext .mails{background:url(../images/mails.png) left top no-repeat;}
.ftext .adds{background:url(../images/adds.png) left top no-repeat;}

@media (max-width: 620px){
	.fwidth{margin:20px auto}
	.contacts{padding-bottom:30px}
	.contacts .webs{width:90%;margin:30px auto 0;background-color:#FFF;padding:15px;border:1px solid #e5e3e4;}
	.contacts .webs .inputs{display:flex}
	.contacts .webs  input[type="text"]{width: 100%;}
	.contacts .webs .mess textarea{width:100%;}
	.contacts .webs .btns input{width:40%;}
	.ftext{letter-spacing:0px;font-size:12px}
	.footer .titles{font-size: 18px;letter-spacing:0px}
	.wbvds{padding:0 15px}
}
@media (min-width: 621px){
	.contacts .webs{position: relative;bottom: -50px;z-index: 8;background:url(../images/contacts.png) no-repeat;width:619px;height:647px;margin: 0 auto;padding-top:5px}
	.contacts .webs .inputs{width:375px;}
	.contacts .webs form{margin-top:40px}
	.contacts .webs  input[type="text"]{width: 328px;}
	.contacts .webs .mess textarea{width:375px;}
	.contacts .webs .btns input{width:180px;}
}


.wb-mb{display:none}
@media screen and (max-width: 1000px) {
	.wb-pc{display:none !important}
	.wb-mb{display:block}
	.flogo img{padding-right:0px;}
	.ftext{padding-left:0px}
	.wbcate .portfolio-title a{font-size: 12px;padding-right:0px}
	
}
.mbcheck{padding:0px;}
.mbcheck li{width:50%;float:left;list-style:none;text-align:left;padding:5px;}
.mbcheck li a{padding-left: 30px;display:block;background-color:#eeeeee;border-radius:10px;color:#555 !important;background-position:10px center;font-size:12px}

.wbcons .ftext{padding-left: 0px;}
.wbcons .ftext font {color: #2e74d7;}

.wbabouts{color:#333;padding:0 15px;}
.wbabouts img{float:right;margin-left:10px;margin-bottom:10px}
.wbabouts h2{font-size:24px;font-family:Arial;color:#060001;line-height:normal;margin-bottom:28px}
.wbabouts span{background-color:#326db6;font-size:14px;padding:8px 20px;color:#FFF;margin-bottom:15px}
.wbabouts h1{font-family: Arial;font-size: 32px;line-height: 48px;margin: 40px 0 25px;}
.wbabouts p{letter-spacing:2px;font-size:14px;margin-bottom:15px;font-family:arial}

.downs{background-color:#FFF;padding:10px;}
.downs .titles{font-size:18px;color:#326db6;border-bottom:1px solid #cfcfcf;line-height:46px;padding-left:10px}
.downs ul,.downs li{list-style:none;margin:0px;padding:0px}
.downs ul{padding:0 15px;margin:15px 0}
.downs li{border-bottom:1px dotted #ccc;padding:15px 0}
.downs li span{float:right;color:#999}
.downs li a{color: #666;font-size: 14px;}
.downs li a:hover{color:#2e74d7}
.downs li a:before{font:normal normal normal 14px/1 FontAwesome;content:"\f0ed";font-size:18px;margin-right:10px;color:#2e74d7}

.portfolio-item{display:block}


.wbcate1 .cate-item{width:49%;float:left;margin-right:2%;background-color:#f5f5f5;overflow:hidden;text-align:center}
.cate-img,.cate-title{float:left;width:50%;overflow:hidden}
.cate-title{padding:0 20px}
.cate-title h1{font-size:18px;color:#126fcf;line-height:normal;margin-top:32px}
.cate-title span{display:block;height:100px;overflow:hidden}

@media screen and (max-width: 1125px) {
	.cate-title h1{font-size: 14px; margin-top: 18px;height: 18px;overflow:hidden}
	.cate-title span{height: 56px;margin-bottom: 10px;font-size:12px}
}
@media screen and (max-width: 981px) {
	.sidebar{padding-top:20px;padding-bottom:0}
	.sidebar ul{margin:0;padding}
}
@media screen and (max-width: 960px) {
	.downs li span{float:none;display:block}
	.cate-link{display:inline-block !important}
}
@media screen and (max-width: 860px) {
	.cate-link{display:none}
}
.wbcate .portfolio-item{width:32%;float:left;margin-right:2%;margin-bottom:30px;overflow:hidden}

@media screen and (max-width: 660px) {
	.wbcate .portfolio-item{width:100%;}
	.wbcate1 .cate-item{width:100%;margin-bottom:20px}
}
@media screen and (max-width: 446px) {
	.cate-link{display:none !important}
}
.wbcate1 .lasts,.wbcate .lasts{margin-right:0;}
.zozo-header-main-bar{text-align: center;}
.btitle{height:60px;line-height:60px;font-size:26px;color:#126fcf;margin-bottom:0px;border-bottom:1px solid #c6c6c6}
.stitle{font-size: 12px;color: #757677;margin-top: 6px;display: inline-block;}

.wbslide .owl-prev{background:url(../images/left.png) no-repeat;left: -50px !important;}
.wbslide .owl-next{background:url(../images/right.png) no-repeat;right: -50px !important;}
.wbslide .owl-item{background-color:#0879c9;text-align:center}
.wbslide .portfolio-image{padding:6px}
.wbslide .portfolio-bottom{padding: 20px 0;background-color:#FFF}
.zozo-vc-main-row-inner{margin-bottom:40px}
.wbslide a {color:#2e2f2f;font-size:16px;display:block}
.wbslide a :hover{color:#0879c9;}
.wbslide .owl-stage{padding:10px 0}
.wbslide .owl-item{transition:.5s;}
.wbslide .owl-item:hover{transform:translateY(-10px);}
.wbcate img,.wbcate1 img{transition:.5s}
.wbcate img:hover,.wbcate1 img:hover{transform:scale(1.05)}
.cate-img img{width:100%}
.videos{background-color:#001e5a;margin:0px}
.videos .wbtext{color:#FFF;padding: 20px 10px 0;}
.videos video{width:100%;display: block;}
.btns{color: #80a7ff;float: right;display: block;font-weight: bold;background:url(../images/jt.png) center right no-repeat;padding-right:26px;font-size: 16px;}
.btns:hover{color: #80a7ff;text-decoration:underline}
.fnavs a{padding:0 10px;color:#FFF}
.footer{padding: 50px 0;}
.wbabouts video{display:block;margin-bottom:20px}
.wbabouts p{text-indent:24px}

.newlist li{border-bottom:1px dashed #999;padding: 10px 0;margin-bottom: 5px;list-style:none}
.newlist a{color:#333;}
.newlist span{float:right;color:#666}
.newlist a:before{font: normal normal normal 14px/1 FontAwesome;content:"\f0da";color: #2e74d7;padding-right: 8px;}
.newlist a:hover{color: #2e74d7;}

.titles{text-align:center;margin-bottom:15px}
.titles h1{font-size:24px;line-height:normal;margin-bottom:0px}
.titles span{color:#666;margin:10px auto;display:inline-block}
.rico {float: right; margin-top: 5px;}
.widget .menu-services-menu-container ul li ul li a {background: #f9f9f9;}
.widget .menu-services-menu-container ul  li.currents a{background:#2e74d7;color:#FFF}

.wbnavs ul{display:none}

.widget .menu-services-menu-container ul li.removes a{background-color:#2e74d7;color:#FFF}
.fa-wb:before{content: "\f105";}
.removes .fa-wb:before{content: "\f107";}

#pages{font-size:14px;margin:10px auto}
#pages a{color:#333;padding:5px}
#pages a:hover{color:#2e74d7}
#pages span{color:#2e74d7}
.text-c{text-align:center}
.wb_news{background-color: #FFF;padding: 40px 20px;}





@media screen and (min-width: 860px) {
	.bg{margin:0 auto 15px;overflow: hidden;min-width: 845px;box-sizing: border-box;}
	.bg_left{width: 430px;height:auto;float: left}
	.bg_right{float: left;position: relative;width: 407px;}
	.show{width: 430px;height: 430px;margin-bottom: 10px;position: relative;border:1px solid #E8E8E8;cursor:move;box-sizing: content-box;}
	.show img{width: 430px;height: 430px;}
	.mask{width: 215px;height: 215px;background: #000;filter: Alpha(opacity=50);opacity:0.5;position: absolute;top: 0;left: 0;display: none;}
	.bigshow{width: 407px;height: 430px;overflow: hidden;margin-left: 10px;display: none;border:1px solid #E8E8E8;position: absolute;z-index: 9;background: #FFF;}
	.bigshow img{width: 860px;height: 860px;margin-right: 10px;}
	.smallshow{width: 100%;height: 70px;position: relative}
	.smallshow img{width:100%;border:1px solid #e8e8e8;box-sizing: border-box;transition: all 0.5s}
	.smallshow>.middle_box{margin-left: 30px;margin-right: 30px;width:370px;overflow: hidden;height: 70px;}
	.smallshow .middle{overflow: hidden;transition: all 0.5s;height: 70px;margin:0px;padding:0px}
	.smallshow .middle>li{width: 74px;height: 74px;float: left;cursor:pointer;padding:0 5px;list-style-type:none}
	.smallshow>p{position: absolute;top:50%;width: 22px;height: 32px;margin-top: -16px;}
	.smallshow>.prev{left: 0;background: url(../images/hover-prev.png) no-repeat;transition: all 0.5s}
	.smallshow>.next{right: 0;background: url(../images/hover-next.png) no-repeat;transition: all 0.5s}
	.smallshow>.prev.prevnone{left: 0;background: url(../images/prev.png) no-repeat;cursor: not-allowed}
	.smallshow>.next.nextnone{right: 0;background: url(../images/next.png) no-repeat;cursor: not-allowed}
	.wbdesc{padding-left:12px;color: #333;}
	.wbdesc h1{font-size: 18px;font-weight: normal;line-height: 28px;border-bottom: 1px dotted #2e74d7;padding: 10px 0 20px;margin-bottom:20px;letter-spacing: 0px;}
	.wbdesc .cs{line-height: 28px;font-size: 14px;margin-bottom: 20px;}
}

@media screen and (max-width: 860px) {
	.site-content{padding-top: 30px;padding-bottom: 30px;}
	.sidebar{padding-top: 30px;padding-bottom: 10px;}
	
	.bg{width:100%}
	.show{text-align:center;margin-bottom: 20px;}
	.show img{border:1px solid #e8e8e8;}
	.bigshow{display:none !important}
	.smallshow{width: 100%;height: 70px;position: relative}
	.smallshow img{width:100%;border:1px solid #e8e8e8;box-sizing: border-box;transition: all 0.5s}
	.smallshow>.middle_box{margin-left: 30px;margin-right: 30px;overflow: hidden;height: 70px;}
	.smallshow .middle{overflow: hidden;transition: all 0.5s;height: 70px;margin:0px;padding:0px}
	.smallshow .middle>li{width: 74px;height: 74px;float: left;cursor:pointer;padding:0 5px;list-style-type:none}
	.smallshow>p{position: absolute;top:50%;width: 22px;height: 32px;margin-top: -16px;}
	.smallshow>.prev{left: 0;background: url(../images/hover-prev.png) no-repeat;transition: all 0.5s}
	.smallshow>.next{right: 0;background: url(../images/hover-next.png) no-repeat;transition: all 0.5s}
	.smallshow>.prev.prevnone{left: 0;background: url(../images/prev.png) no-repeat;cursor: not-allowed}
	.smallshow>.next.nextnone{right: 0;background: url(../images/next.png) no-repeat;cursor: not-allowed}
	
	.wbdesc h1{font-size: 16px;font-weight: normal;line-height: 28px;border-bottom: 1px dotted #2e74d7;padding: 10px 0 20px;margin:20px auto;letter-spacing: 0px;}
	.wbdesc .button{margin:20px 0 !important}
}

.ftext span{display:inline-block}
.cs br{margin-bottom:6px}

.wbtop{background-color:#2e74d7;line-height:45px;font-size:14px;color:#FFF}
.htext{float:left}
.langs{float:right}
.htext .tels{margin-right:10px}
.htext .tels:before{content:"\f095";font-family:FontAwesome;font-size:18px;margin-right:5px}
.htext .mails:before{content:"\f003";font-family:FontAwesome;font-size:18px;margin-right:5px}
.htext .mails a:hover{color:#FFF;text-decoration:underline}
.langs code{margin:0 15px;}
.langs a:hover{color:#FFF !important;text-decoration:underline}


/* ------------- Global ------------- */
.wuyou-waiter ul,.wuyou-waiter li{margin:0;padding:0;list-style-type:none}
.wuyou-waiter{position: fixed; right: 0px; top:50%; margin-top: -90px; width: 60px; box-shadow: 0px 0px 20px rgba(0,0,0,.3); z-index: 999;}
.waiter-ul li{position: relative; height: 60px; line-height: 60px; border-bottom: 1px solid #fff;}
.waiter-ul li a{ position: absolute; left: 0; top: 0; z-index: 2; color: #fff; display: block; width: 60px; height: 60px; line-height: 60px; text-align: center; -webkit-transition:all 0.6s;-ms-transition:all 0.6s;-moz-transition:all 0.6s; text-decoration: none; font-size: 24px;}
.waiter-title{position: absolute; left: 0px; bottom: 1px; color: #fff; height: 40px; line-height: 40px; text-align: center;-webkit-transition:all 0.6s;-ms-transition:all 0.6s;-moz-transition:all 0.6s; background-color: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,.3); z-index: 1; opacity: 0;}
.waiter-title:before{content: ''; display: block; width: 10px; height: 10px; position: absolute; right: -5px; bottom: 14px; background-color:#fff; transform:rotate(45deg);}
.waiter-ul li:hover .waiter-title{opacity: 1;}

.tel{width:116px}
.waiter-ul li:hover .tel{left: -122px;}

.email{width:218px}
.waiter-ul li:hover .email{left: -225px;}

.whatsapp{width:126px}
.waiter-ul li:hover .whatsapp{left: -132px;}

.qq{width:100px}
.waiter-ul li:hover .qq{left: -106px;}

.wechat{width:200px;height:200px;padding:2px}
.waiter-ul li:hover .wechat{left: -206px;}

.backto{width:80px;}
.waiter-ul li:hover .backto{left: -86px;}

.waiter-ul li.wuyou-top a{background-image: -webkit-linear-gradient(left, #444, #222);background-image: -moz-linear-gradient(left, #444, #222);background-image: -ms-linear-gradient(left, #444, #222);}
.waiter-ul li.wuyou-top .waiter-title{background-color:#444; }
.waiter-ul li.wuyou-top .waiter-title:before{background-color:#444; }

.waiter-ul li.wuyou-kefu{margin-bottom:1px}
.waiter-ul li.wuyou-kefu a{background-image: -webkit-linear-gradient(left, #444, #222);background-image: -moz-linear-gradient(left, #444, #222);background-image: -ms-linear-gradient(left, #444, #222);}
.waiter-ul li.wuyou-kefu .waiter-title{background-color:#444; }
.waiter-ul li.wuyou-kefu .waiter-title:before{background-color:#444; }

.newList h2.entry-title{font-size: 18px;line-height: 24px;margin-bottom: 15px;overflow: hidden;height: 24px;text-overflow: ellipsis;white-space: nowrap;}

.newList{margin-bottom:0;padding-bottom:0}

#feature-box-1 .grid-item{margin-bottom:20px}

.wbHeader{position:relative}
.wbHeader .gbs {
    position: absolute;
    right: -110px;
    z-index: 99;
    top: 0px;
}
.wbHeader .gbs img{height:93px}